<template>
  <div class="allContainer fullscreen">
    <data-panel></data-panel>
    <data-panel-right v-if="isLargeScreen"></data-panel-right>
  </div>
</template>

<script>
import DataPanel from './dataPanel'
import DataPanelRight from './dataPanelRight'
export default {
  components: {
    DataPanel,
    DataPanelRight
  },
  computed: {
    isLargeScreen() {
      return screen.availWidth > 1920
    }
  }
}
</script>

<style lang="scss" scoped>
.allContainer {
  display: flex;
}
</style>
